/*------------------------------------*\
    1. GENERAL STYLES
    URL:http://www.bootstrapmb.com
\*------------------------------------*/
html,
body {
    height: 100%;
}

body {
    color: #999;
    background-color: #ebebea;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    line-height: 24px;
    font-weight: 400;
    word-wrap: break-word;
}

label {
    display: block;
    margin-bottom: 0;
}

    label + label {
        margin-top: 10px;
    }

.btn-group > label + label {
    margin-top: 0;
}

.form-inline label + label {
    margin-top: 0;
}

.label-text {
    display: inline-block;
    margin-bottom: 8px;
    color: #696969;
    font-weight: 700;
}

/* 5.2. CALENDAR */
.fc .fc-button {
    float: none;
    height: auto;
    margin-left: 5px;
    padding: 4px 20px;
    background-color: #CFD8E3;
    background-image: none;
    border: 1px solid #f8f8f8;
    border-radius: 2px;
    box-shadow: none;
    text-transform: capitalize;
    -webkit-transition: color .25s, border-color .25s;
    transition: color .25s, border-color .25s;
    font-weight: bold;
} 

.fc .fc-state-active {
    border-color: #2bb3c0;
    background-color: #2bb3c0;
}

.fc-toolbar.fc-header-toolbar {
    margin-bottom: 0;
}

.fc-toolbar .fc-right {
    float: none;
    text-align: right;
    padding: 5px 0 5px 5px;
    display:none;
}

.fc-toolbar .fc-center {
    display: block;
    width: 100%;
    color: #fff;
    background-color: #2bb3c0;
    border-radius: 2px 2px 0 0;
    clear: both;
}

    .fc-toolbar .fc-center:after {
        content: " ";
        display: block;
        clear: both;
    }

.fc-toolbar h2 {
    padding: 12px 0;
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
    text-transform: uppercase;
}

.fc .fc-toolbar h2 {
    float: none;
    margin-left: 0;
}

.fc-center .fc-button {
    float: left;
    margin-bottom: 0;
    padding: 12px 20px;
    color: #fff;
    background-color: transparent;
    border-width: 0;
    font-size: 16px;
    line-height: 26px;
}

.fc-center .fc-next-button {
    float: right;
}

.fc-widget-header th {
    padding: 5px;  
    border-color: #eee;
    font-weight: 600;
    font-size:16px;
}

td.fc-widget-header {
    border-top-width: 0;
    border-color: #eee;
}
/*
 td.fc-widget-content {
     border-color: #eee;
 } */

.fc-basic-view .fc-day-number {
    padding: 3px 7px;
}

.fc-event {
    color: #fff !important;
    background-color: #04a3ff;
    border-color: none;
    /*border-radius: 2px;*/
    font-size: 14px;
    line-height: 24px;
}

.fc-day-grid-event {
    margin-left: 0;
    margin-right: 0;
   /* padding: 7px 10px;*/
}

tr:first-child > td > .fc-day-grid-event {
    margin-top: 0;
}

.fc-event > .fc-content {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding:5px;
}

/* 5.3. CALENDAR EVENTS */
.calendar--events .h4 {
    margin-bottom: 20px;
    font-weight: 400;
    line-height: 34px;
}

.calendar--events .fc-event {
    padding: 5px 10px 7px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}

    .calendar--events .fc-event + .fc-event {
        margin-top: 5px;
    }

.calendar--events .form-check {
    margin-top: 28px;
    color: #222;
}

.calendar--events hr {
    margin-top: 28px;
    margin-bottom: 19px;
}

.calendar--event__colors {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    margin: -4px;
    padding: 0;
    list-style: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .calendar--event__colors li {
        position: relative;
        width: 30px;
        height: 30px;
        margin: 9px;
        border-radius: 50%;
        -webkit-transition-property: width, height, margin, border-radius;
        transition-property: width, height, margin, border-radius;
        -webkit-transition-duration: .25s;
        transition-duration: .25s;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
        cursor: pointer;
        z-index: 0;
    }

        .calendar--event__colors li:before {
            content: " ";
            position: absolute;
            top: -5px;
            left: -5px;
            right: -5px;
            bottom: -5px;
            border: 1px solid #e5e5e5;
            border-radius: 2px;
            -webkit-transition: margin .25s linear, border-color .25s linear;
            transition: margin .25s linear, border-color .25s linear;
            z-index: -1;
        }

        .calendar--event__colors li.active {
            width: 40px;
            height: 40px;
            margin: 4px;
            border-radius: 2px;
        }

            .calendar--event__colors li.active:before {
                margin: 4px;
                border-color: transparent;
            }

/* 5.15. LABELS */
.label {
    display: inline-block;
    padding: 1px 15px;
    border-radius: 25px;
    color: #fff;
    font-size: 13px;
    line-height: 23px;
    font-weight: 400;
    white-space: nowrap;
    cursor: default;
}

.label-default {
    background-color: #151515;
}

.label-primary {
    background-color: #2bb3c0;
}

.label-success {
    background-color: #009378;
}

.label-info {
    background-color: #5bc0de;
}

.label-warning {
    background-color: #e16123;
}

.label-danger {
    background-color: #ff4040;
}

.label-blue {
    background-color: #2bb3c0;
}

.label-orange {
    background-color: #e16123;
}

.label-green {
    background-color: #009378;
}

.label-red {
    background-color: #ff4040;
}

.label-black {
    background-color: #353535;
}

.label-gray {
    background-color: #ccc;
}

/* 5.21. PANEL */
.panel {
    margin-bottom: 30px;
    color: #696969;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .08);
}

.panel-content {
    position: relative;
    padding: 31px 20px 33px;
    border-top: 1px solid #eee;
    border-radius: 0 0 4px 4px;
}

.btn_icon {
    color: red;
    position: absolute;
    top: 2px;
    right: 2px;
}

.ibox {
    clear: both;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 0;
    border: 2px solid #e7eaec;
}

.ibox-title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffffff;
    border-color: #e7eaec;
    -webkit-border-image: none;
    -o-border-image: none;
    border-image: none;
    color: inherit;
    margin-bottom: 0;
    padding: 7px 15px 7px;
    min-height: 35px;
}

    .ibox-title h5 {
        display: inline-block;
        font-size: 16px;
        padding: 3px;
        text-overflow: ellipsis;
        float: left;
        font-weight: bold; 
        color: #000;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        margin: 0;
    }

.ibox-tools {
    display: inline-block;
    float: right;
    margin-top: 0;
    position: relative;
    padding: 0;
    bottom: 5px;
    right: -10px;
    top:-1px;
}

    .ibox-tools a {
        cursor: pointer;
        margin-left: 5px;
        color: #676a6c;
    }

.ibox-content {
    background-color: #ffffff;
    color: inherit;
    border-color: #e7eaec;
    -webkit-border-image: none;
    -o-border-image: none;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0px;
    clear: both;
}

#calendarApp {
    background-color: #ffffff;
    margin-bottom: 10px;
}

.ibox-content .row {
    margin-right: -5px;
    margin-left: -5px;
}

ul {
    padding-left: 2px;
}

li {
    list-style: none;
}

.control-label > .red {
    position: relative;
    top: 3px;
    color: #f00;
}

.form-group {
    margin: 7px !important;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.input-group-addon:first-child {
    border-right: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
    display: table-cell;
}

.input-group > .custom-file,
.input-group > .custom-select,
.input-group > .form-control {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
    margin-bottom: 0;
}

.demo {
    position: relative;
}

    .demo i {
        position: absolute;
        bottom: 10px;
        right: 10px;
        top: auto;
        cursor: pointer;
    }

.btn-success,
.btn-success:hover {
    color: #fff;
    background-color: #2bb3c0 !important;
    border-color: #2bb3c0 !important;
}

.btn-info,
.btn-info:hover {
    color: #fff;
    background-color: #CFD8E3 !important;
    border-color: #CFD8E3 !important;
}

::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 5px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}

::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    background-color: #8c8c8c;
    background-color: rgba(0, 0, 0, 0.25);
}

::-webkit-scrollbar-track {
    background-color: #f6f6f6;
}

::-webkit-scrollbar-thumb,
::-webkit-scrollbar-track {
    border: 0;
}

/*.fc-event {
    color: #fff !important;
    background-color: #2bb3c0;
    border-color: #2bb3c0;
    border-radius: 2px;
    font-size: 14px;
    line-height: 24px;
}*/

.fc-content .ibox-title {
   /* background-color: #ADD8E6;*/
    padding: 0;
    min-height: 25px;
   /* border-bottom: 1px solid;*/
    color: #000;
}

.fc-content .ibox-tools {
    top: 0;
    right: 0;
}

.fc-content .ibox {
    margin-top: 0;
    margin-bottom: 0;
}

.fc-event-container {
    padding: 2px 5px !important;
}

.fc-day-grid-event {
    /*padding: 2px;*/
}

.fc-title{
    font-weight:bold;
}

.fc-title ul {
    margin-bottom: 0;
}

.fc-title .list-wrapper li {
    border: none;
    padding:0;
    width:100%;
}

.fc-title .list-wrapper li span {
    padding: 0; 
}

.list-wrapper li a {
    text-decoration-line: none;
    color: #fff;
}

.task li a {
    text-decoration-line: none;
    color: #000;
}

.fc-day-grid-event .fc-content {
    white-space: inherit;
} 

.input-group-addon {
    border-radius: 0 4px 4px 0;
}

.btn:focus, .btn:active:focus,
.btn.active:focus, .btn.focus,
.btn:active.focus, .btn.active.focus {
    outline: none;
    border-color: transparent;
    box-shadow: none;
}
.fc-day-number{
    font-weight:bold;
    font-size:20px;
}
.fc-head-container>div,.fc-day-grid > div {
  /*  border-bottom: 2px solid #000 !important;*/
}

.row{
    margin:0;
}

.content, .container {
    padding: 5px;
}
.fc-toolbar{
    padding:0;
}
.list-wrapper li span { 
    display: inline-block;
    float: left;
    padding: 2px 10px;
    cursor: move;
    font-size: 12px;
}
.fc-content-skeleton table>tbody>tr>td{
    vertical-align:bottom;
} 